<template>
  <view class="goods-item" @click="$emit('click')">
    <view class="left">
      <image :src="v.goods_small_logo" mode="widthFix"></image>
    </view>
    <view class="right">
      <view class="title">{{ v.goods_name }}</view>
      <view class="price">￥：{{ v.goods_price }}</view>
    </view>
  </view>
</template>
<script>
  export default { 
    props: {
      v: {
        type: Object,
        default: {}
      }
    }
  }
</script>
<style lang="scss" scoped>
  .goods-item {
    display: flex;
    padding: 10rpx;
    border-bottom: 1rpx solid #ccc;
    background-color: white;

    .left {
      image {
        width: 220rpx;
      }
    }

    .right {
      margin-left: 10rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .title {
        font-weight: bold;
        font-size: 26rpx;
      }

      .price {
        color: red;
        font-weight: bold;
      }
    }
  }
</style>
